import {ContentView, ContentViewNoFooter} from '@/components/main/contentView'
import {ViewLeft} from '@/components/main/viewLeft'
import {
  TypeTable,
  ViewLeftNav,
  TypeMainViewNav,
  TypeModel,
  getTableDatas,
} from './components'

export default defineComponent({
  name: 'SysDict-items',
  setup() {
    onMounted(async () => {
      getTableDatas()
    })
    return () => (
      <div class="h-full flex">
        <ViewLeft>
          {{
            nav: () => <ViewLeftNav></ViewLeftNav>,
          }}
        </ViewLeft>
        <ContentViewNoFooter>
          {{
            nav: () => <TypeMainViewNav></TypeMainViewNav>,
            content: () => <TypeTable></TypeTable>,
          }}
        </ContentViewNoFooter>
        <TypeModel></TypeModel>
      </div>
    )
  },
})
